<!--
 * @description: 收缩按钮
 * @Author: Islands
 * @Date: 2023-12-08 19:45:43
 * @LastEditTime: 2024-03-28 01:38:59
-->
<script lang='ts' setup>
import { ref, reactive } from 'vue';
import SvgIcon from '@/components/svg-icon/index.vue';
defineProps({
    collapse: { type: Boolean, required: true },
});
const emit = defineEmits<{
    (e: 'collapseChange', collapse: Boolean): void;  //详情按钮单击事件
}>();
const collapseChange=(_bool:boolean)=>{
    emit('collapseChange',_bool)
}
</script>
<template>
    <div class="h-auto" @click="collapseChange(collapse)">
        <el-tooltip :content="collapse ? $t(`el.tooltip.shrink.on`) : $t(`el.tooltip.shrink.off`)"  :show-after="2000" :hide-after="1000"
            placement="bottom">
            <svg-icon :icon="collapse ? '#icon-xiangyouzhankai' : '#icon-Hdonghua-xiangzuozhankai'" pointerStyle="pointer" size="2em"/>
        </el-tooltip>
    </div>
</template>
<style lang='scss'  scoped></style>